<template>
    <div class="search-bar">
        <a-input placeholder="请输入关键字">
            <template slot="prefix">
                <a-icon type="search" />
            </template>
        </a-input>

        <a-button type="primary">搜索</a-button>
    </div>
</template>

<script>
    export default {
        name: 'SearchBar',
    };
</script>

<style lang="scss" scoped>
    .search-bar {
        display: flex;
        flex-direction: row;

        .ant-btn-primary {
            margin: 0 36px 0 24px;
        }
    }
</style>
